<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){} %>
    <link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <style type="text/css">
        ul.countdown {
            width: 400px;
            list-style: none;
            padding: 0;
            display: block;
            text-align: center;
        }

        ul.countdown li {
            display: inline-block;
        }

        ul.countdown li span {
            font-size: 60px;
            font-weight: 300;
            line-height: 60px;
            color: white;
        }

        ul.countdown li.seperator {
            font-size: 60px;
            line-height: 50px;
            vertical-align: top;
            color: white;
        }

        ul.countdown li p {
            color: white;
            font-size: 14px;
        }

        a {
            color: white;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding: 0px;">
    <div class="main-container container-fluid">
        <div class="page-container">
            <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px;position: fixed; top:0;z-index: 1">
                <div align="center" style="background: forestgreen;">
                    <ul class="countdown" style="margin-bottom: 0px">
                        <li style="display: none"><span class="days">00</span>
                            <p class="days_ref">天</p>
                        </li>
                        <li class="seperator" style="display: none">.</li>
                        <li><span class="hours">00</span>
                            <p class="hours_ref">小时</p>
                        </li>
                        <li class="seperator">:</li>
                        <li><span class="minutes">00</span>
                            <p class="minutes_ref">分</p>
                        </li>
                        <li class="seperator">:</li>
                        <li><span class="seconds">00</span>
                            <p class="seconds_ref">秒</p>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-md-offset-2 col-md-8 col-sm-12 col-xs-12" style="padding: 0px;margin-top: 100px;z-index: 0">
                <form class="form-horizontal">
                    <div style="text-align: center;font-weight: 600;font-size: 20px;margin: 10px;">
                        <span id="title"></span><span id="passMark" style="float: right;color: orangered;"></span>
                    </div>
                    <table class="table table-hover table-striped table-bordered" id="questionlist">
                    </table>
                    <div align="center" style="margin-top: 10px;">
                        <a href="javascript:void(0);" class="btn btn-success js-jiaojuan">交卷</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
<%include("/app/resapi/sysjs.html"){} %>
<script type="text/javascript">
    var recordId = "${parameter.recordId}";
    var flagStr = "${flagStr}";
    $(function () {
        if (flagStr != "1") {
            alert("不能重复考试！");
            window.close();
        }
    })
</script>
<script type="text/javascript" src="/module/countdown/jquery.downCount.js"></script>
<script type="text/javascript" src="/gobal/js/page/exam/begintest.js"></script>
</html>
